<template>
    <div class="index_page">
        <h3 class="the_title">导航</h3>
        <p>
            <router-link :to="{ name: 'Setup' }"> 1、 setup 学习 </router-link>
        </p>
        <p>
            <router-link :to="{ name: 'Compont' }"> 2、 组件 学习 </router-link>
        </p>
        <p>
            <router-link :to="{ name: 'Router' }"> 3、 路由 学习 </router-link>
        </p>
        <p>
            <router-link :to="{ name: 'Store' }"> 4、store学习 </router-link>
        </p>
        <p>
            <router-link :to="{ name: 'Ajax' }"> 5、axions网络请求 </router-link>
        </p>
    </div>
</template>

<script lang='ts' >
    import { defineComponent} from 'vue';
    export default defineComponent({
        name: "Index"
    });
</script>

<style lang="less" scoped>
.index_page {
    min-width: 300px;
    max-width: 800px;
    margin: 0 auto;
}
</style>